body {

	background: linear-gradient(to bottom, rgb(133,176,72), rgb(63,66,59));
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.container {
	width:980px;
	height:auto;
	margin:auto;
	padding-top: 60px;
	padding-right: 20px;
	padding-left: 40px;
}


/* ------------------------- COLUMN ------------------------- */


.column {
	float:left;
}


/* ------------------------- BLOC SIZE ------------------------- */


.small,.medium,.large {
	margin-right: 20px;
	margin-bottom: 20px;
}

.small {
	width:220px;
}

.medium {
	width:460px;
}

.large {
	width:915px;
}


/* ------------------------- BLOC STYLE ------------------------- */


.content,.head,.headicon {
	font-family: 'Helvetica', sans-serif;
}

.head,.headicon {
	height:100px;
	border-radius: 15px 15px 0 0;
	font-size:18px;
	line-height: 53px;
	font-weight:600;
	color: #6D6D6D;
	padding-right:20px;
	padding-left :22px;
	padding-top :21px;
}

.head {
	text-align: center;
}

.headicon {
	text-align: center;
}

.line {
	height:10px;
    background-color: #a3c610;
}

.content {
	height:auto;
    padding: 20px;
    border-radius: 0 0 10px 10px;
	background-color: white;
	text-align: left;
	font-size: 12px;
	font-weight:100;
}

.contentlarge {
 font-family: 'Helvetica', sans-serif;
 height:670px;
 padding: 20px;
 border-radius: 0 0 10px 10px;
 background-color: white;
 text-align: left;
 font-size: 12px;
 font-weight:100;
}

/* ------------------------- ICON ------------------------- */

.left,.right {
	height:20px;
	width:25px;
}

.left {
	float:left;
	padding-right: 10px;
	padding-top:3px;
}

.right {
	float:right;
	padding-right: 10px;
	margin-top:47px;
	opacity:0.4;
	filter:alpha(opacity=40);
}

/* ------------------------- GRADIENT ------------------------- */


.head,.headicon {
/* Old browsers */
background: #a3c610;
/* FF3.6+ */
background: -moz-linear-gradient(top,  #a3c610 0%, #7BA146 100%);
/* Chrome,Safari4+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3c610), color-stop(100%,#7BA146));
/* Chrome10+,Safari5.1+ */
background: -webkit-linear-gradient(top,  #a3c610 0%,#7BA146 100%);
/* Opera 11.10+ */
background: -o-linear-gradient(top,  #a3c610 0%,#7BA146 100%);
/* IE10+ */ 
background: -ms-linear-gradient(top,  #a3c610 0%,#7BA146 100%);
/* W3C */
background: linear-gradient(to bottom,  #a3c610 0%,#7BA146 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3c610', endColorstr='#7BA146',GradientType=0 ); /* IE6-9 */
/*http://www.colorzilla.com/gradient-editor/*/
}


/* ------------------------- OTHER COMMENTS ------------------------- */

/*
faire apparaitre la structure :
.container,.column,.small,.medium,.large,.head,.line,.content {
	border: 1px solid black;	
}
*/